<template>
  <div
      class="removal"
      v-infinite-scroll="()=>{}"
      infinite-scroll-distance="10"
      :infinite-scroll-disabled="true"
  >
    <h2>账户注销须知</h2>
    <div class="text_Content">
      <p>亲爱的用户：</p>
      <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;您在申请注销流程中点击同意前，应当认真阅读《账户注销须知》(&nbsp;以下称&nbsp;"《注销须知》"&nbsp;)。</p>
      <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;请您务必审慎阅读、充分理解《注销须知》中相关条款内容，其中包括：</p>
      <p> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;1、与您约定免除或限制责任的条款；</p>
      <p> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2、其他以粗体标识的重要条款。</p>
      <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;如您对本《注销须知》有任何疑问，可拨打我们的客服微信：XXXXXXX。</p>
      <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;【特别提示】当您按照注销页面提示填写信息、阅读并同意本《注销须知》及相关条款与条件且完成全部注销程序后，即表示您已充分阅读、理解并接受本《注销须知》的全部内容。阅读本《注销须知》的过程中，如果您不同意相关任何条款和条件约定，请您立即停止账户注销程序。</p>
      <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;我们在此善意地提醒您，您注销账户的行为会给您的售后维权带来诸多不便，且注销京东账户后，您的个人信息我们会在系统的前台系统中去除，使其保持不可被检索、访问的状态，或对其进行匿名化处理。</p>
      <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;如果您仍执意注销账户，您的账户需同时满足以下条件：</p>
      <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;（1）自愿放弃账户在商城系统中的资产和虚拟权益（包括但不限于账户余额、京东E卡余额、京豆、优惠券、账户权益等），并确保账户中无拍卖保证金、无欠款；</p>
      <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;（2）账户内无未完成的订单和服务；</p>
      <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;（3）在商城没有过使用该账户激活店铺的记录；</p>
      <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;（4）账户无正在进行中的投诉举报或被投诉举报；</p>
      <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;（5）账户对应的支付账户已注销，且已妥善处理了支付账户下的所有问题；</p>
      <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;（6）账户当前为有效账户，非冻结状态；</p>
      <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;账户一旦被注销将不可恢复，请您在操作之前自行备份京东账户相关的所有信息和数据。请您保存好订单商品和服务的交易凭证、票据等资料，否则您有可能须支付额外的账户和订单查询费用，或无法享受售后服务。</p>
      <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;在账户注销期间，如果您的账户涉及争议纠纷，包括但不限于投诉、举报、诉讼、仲裁、国家有权机关调查等，京东有权自行终止本账户的注销而无需另行得到您的同意。</p>
      <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;注销京东账户，您将无法再使用本账户，也将无法找回您账户中及与账户相关的任何内容或信息，包括但不限于：</p>
      <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;（1）您将无法登录、使用本账户；</p>
      <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;（2）本账户的个人资料和历史信息（包括但不限于用户名、头像、购物记录、关注信息等）都将无法找回；</p>
      <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;（3）请您理解并同意，京东无法协助您重新恢复前述服务。请您在提交注销申请前，务必先了解您须解绑的其他相关账户信息，具体可与我们的客服联系。</p>
      <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;注销本账户并不代表本账户注销前的账户行为和相关责任得到豁免或减轻。</p>
    </div>
    <br>
    <el-checkbox v-model="read" label="我已详细阅读《账户注销须知》" />
    <br>
    <div class="commit_Btn">
      <el-button :disabled="!read" @click="removal()" type="danger" round>注销</el-button>
    </div>
    <br>
    <br>
    <br>
    <br>
  </div>
</template>

<script>
import {ref, inject} from "vue";
import request from "@/http/request";

export default {
  name: "AccountRemoval",
  data() {
    return {
      read: ref(false),
      disabled: true,
    }
  },
  watch: {
    read: function (newVal){
      this.disabled = !newVal;
    },
  },
  methods: {
    goHome: function () {
      this.$router.push({
        path: '/',
      })
    },
    removal: function () {
      request({
        url: "/user/removal",
        method: "get",
      }).then((response) => {
        if (response.code === 200) {
          localStorage.clear();
          this.refresh();
          this.$tipUtil.successTip(response.msg);
          this.goHome();
        } else {
          this.$tipUtil.errTip(response.msg);
        }
      })
    },
  },
  setup() {
    const refresh = inject("reload");
    return {
      refresh,
    };
  },
  unmounted() {
    this.read = false;
  }
}
</script>

<style scoped>
.removal {
  height: 88vh;
  margin: 0;
  padding: 0;
}
.text_Content {
  width: 900px;
  margin: auto;
  text-align: left;
}
.commit_Btn {
  width: 80%;
  margin: auto;
  display: flex;
  justify-content: right;
  align-items: center;
}
</style>